//眼睛图标二级页面

import React, { Component } from 'react';
import { Card, Table } from 'antd';

const { Column } = Table;

const operateData = [];
for (let i = 0; i < 5; i++) {
  operateData.push({
		key: i,
    number: `${i+1}`,
    czTime: '2018-12-13 13:19:16',
    operator: '韩潮',
    operateContent: '取消订单',
    note: ''
  });
}

class EyeCard extends Component {
  render() {
    return (
      <div>
        <Card title="展期记录">
            <Table size="small" className="loan-table" rowClassName={this.setRowClassName} pagination={ false }>
              <Column title='展期次数' align='center' dataIndex='count' width='50' />
              <Column title='展期时间' align='center' dataIndex='time' width='50' />
              <Column title='展期天数' align='center' dataIndex='days' width='50' />
              <Column title='展期周期' align='left' dataIndex='cycle' width='50' />
              <Column title='手续费用' align='center' dataIndex='handlingFee' width='50' />
              <Column title='展期服务费' align='center' dataIndex='service' width='50' />
              <Column title='展期方式' align='center' dataIndex='method' width='50' />
            </Table>
          </Card>
          <Card title="操作记录" style={{marginTop: 15}}>
            <Table size="small" className="loan-table" rowClassName={this.setRowClassName} dataSource={operateData} pagination={ false }>
              <Column title='序号' align='center' dataIndex='number' width='30px' />
              <Column title='操作时间' align='center' dataIndex='czTime' width='80px' />
              <Column title='操作人' align='center' dataIndex='operator' width='50px' />
              <Column title='操作内容' align='center' dataIndex='operateContent' width='50px' />
              <Column title='备注' align='center' dataIndex='note' width='120px' />
            </Table>
          </Card>
      </div>
    );
  }
}

export default EyeCard;